@charset "UTF-8";
html {
  background: #fff;
  position: relative;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  color: #333;
  margin: 0 auto;
  overflow-x: hidden;
  font-size: 42.5%;
  font-weight: 300;
  background: #fff;
  font-family: "PingFang-SC-Regular", "Helvetica Neue", Helvetica, "Droid Sans Fallback", "microsoft yahei", sans-serif;
  line-height: 1.42857143;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch; }

html, body {
  width: 100%; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, th, td {
  margin: 0;
  padding: 0;
  -webkit-touch-callout: none; }

input, textarea, select, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

section {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

article, aside, dialog, figure, footer, header, menu, nav, section {
  display: block; }

a {
  text-decoration: none;
  color: #666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);
  -webkit-touch-callout: none; }

ul, li {
  list-style: none; }

address, cite, em, i, b {
  font-style: normal;
  font-weight: normal; }

a:hover, a:active {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none; }

a:active {
  opacity: .85; }

a:focus {
  outline: none;
  -moz-outline: none; }

input, textarea, button {
  outline: none;
  border: 0; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

/* input placeholder */
input::-webkit-input-placeholder {
  color: #999; }

input:-ms-input-placeholder {
  color: #999; }

input::-moz-placeholder {
  color: #999; }

input:-moz-placeholder {
  color: #999; }

.bk {
  display: block; }

.clear, .clearfix {
  *zoom: 1; }

.clear:after, .clearfix {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.boxsiz {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.inb {
  display: inline-block; }

.prel {
  position: relative; }

.pabs {
  position: absolute; }

.bgfff {
  background: #fff; }

.ovh {
  overflow: hidden; }

.tal {
  text-align: left; }

.tac {
  text-align: center; }

.tar {
  text-align: right; }

.show {
  display: block; }

.hide {
  display: none; }

.fr {
  float: right; }

.fl {
  float: left; }

.c000 {
  color: #000; }

.c333 {
  color: #333; }

.cred {
  color: #fc424d; }

.c666 {
  color: #666; }

.c999 {
  color: #999; }

.cfff {
  color: #fff; }

.common_green {
  color: #32b16c; }

/* border */
.borderT {
  border-top: 1px solid #ddd; }

.borderB {
  border-bottom: 1px solid #ddd; }

.vertop {
  display: inline-block;
  vertical-align: top; }

/* 兼容PC */
.maxWidth {
  max-width: 16rem !important; }
.maxWidth .fixed {
  left: 50% !important;
  width: 16rem !important;
  margin-left: -8rem !important; }
